<template>
	<view>
		<view class="dataitem u-p-30 u-m-tb-30" v-for="i in classlist" @click="$goTo('/pagesT/class/class?id=' + i.id +'&isexpert=1')">
			<view class="flex-between">
				<view class="classname">
					<image src="../../static/logo.png" mode=""></image>
					<text class="u-font-36" >{{i.c_name}}</text>
				</view>
				<u-icon name='arrow-right' ></u-icon>
			</view>
			
			<view class="content flex-around u-m-tb-30">
				<view class="content_item flex-center">
					<view class="u-m-tb-30">{{i.refcount}}</view>
					<view class="u-m-tb-30" >被使用次数</view>
				</view>
				
				<view class="content_item flex-center">
					<view class="u-m-tb-30">{{i.coverStudent||0}}</view>
					<view class="u-m-tb-30" >覆盖学生数</view>
				</view>
				
				
				<view class="content_item flex-center" @click.stop="$goTo('/expert/expertfbdetail/expertfbdetail?id=' + i.id)">
					<view class="u-m-tb-30" style="color: red;" >{{i.feedbackCount||0}}条</view>
					<view class="u-m-tb-30 flex-a-c" >
						反馈意见
						<view class="iconbox u-m-l-10 ">
							<u-icon size=10 name='arrow-right' ></u-icon>
						</view>
					</view>
				</view>
			</view>
			<view class="flex-end" @click.stop="$goTo('/expert/classdatadetail/classdatadetail')">
				<view class="btn u-radius-10">
					查看班级数据
				</view>
			</view>
		</view>
		
		<u-empty v-if="classlist.length==0" ></u-empty>
		<exporttabbar :value="1" ></exporttabbar>
	</view>
</template>

<script>
	import exporttabbar from '../../components/exporttabbar.vue';
	export default {
		components:{
			exporttabbar
		},
		data() {
			return {
				classlist:[]
			};
		},
		onLoad() {
			this.init()
		},
		methods:{
			init(){
				this.$api.get('/assistant/xCourse/courseDataList',{}).then(res=>{
					this.classlist = res.data
				})
			},
		}
	}
</script>

<style lang="scss">
.dataitem{
	background-color: #fff;
	.classname{
		display: flex;
		align-items: center;
		image{
			margin-right: 20rpx;
			border-radius: 50%;
			width: 40rpx;
			height: 40rpx;
		}
	}
}
.content{
	.content_item{
		flex-direction: column;
		.iconbox{
			border: 1rpx solid #000;
			border-radius: 50%;
			padding: 5rpx;
		}
	}
	
}
.btn{
		padding: 10rpx 20rpx;
		color: #fff;
		background-color: $main-color;
		font-size: 26rpx;
	}
</style>
